<!DOCTYPE html>

<html>
    <head>
        <title>Project Help</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css">
            <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="wrapper">  
      <div class="top">   Ayudas del Proyecto </div>
    
    <div class="nav">
    
        <div id="section1" class="section">
            <div class="title">HTML</div>
                <div class="child">Importar Css</div>
                <div class="child">Importar Font</div>
                <div class="line"></div>      
        </div>
    
        <div id="section2" class="section">    
            <div class="title"> CSS </div>
                <div class="child">Selectores</div>
                 <div class="line"></div>
        </div>
        
        <div id="section3" class="section">
            <div class="title"> JavaScript </div>
                <div class="child">Importar Jquery Core</div>
                <div class="child">Importar Jquery UI</div>
                <div class="child">Importar Jquery Acorddion</div>
                <div class="child">Importar Jquery TreeGrid</div>
                  <div class="line"></div>   
        </div>

        <div id="section4" class="section">    
                <div class="title">Php </div>
                <div class="child">Importar archivos</div>
                <div class="child">Importar conexion a DB</div>
                <div class="child">Sesion PHP</div>
        </div>     
    </div>   
    <div class="content"> 
    
    </div>
        </div>
            
    <script src="js/jquery-2.1.3.min.js"></script> 
    <script>
    $(document).ready(function(){
       
        $(".section").click(function(){
        var id=$(this).attr('id');
        if($("#"+id).hasClass('hidden') ==='false'){  
      
    /*   $("#"+id).children().addClass("show");
 
          var clas=$(this).attr('class');
          console.log(clas);
          $("#"+id).children().removeClass("hidden");
       }else{
          $("#"+id).children().removeClass("show");
          $("#"+id).children().addClass("hidden");
      */
            }
        });
    
   
    });    
    </script>
    </body>
</html>
